#{extends 'mainTemplate.html' /}
#{set title:'订单列表' /}

<style type="text/css">

	#mainContent {
		margin-bottom:5px;
	}
	#sidebar { 
		float:left;
		width:180px; 
		text-align:left;
		line-height: 20px;
		border: 1px solid #FFCFD9; 
		padding-left:10px;
		padding-right:10px;
		font-size:12px;
		background-repeat:repeat-x; 
		background-image:url(@{'/public/images/tit_1.gif'}); 
	}
	
	#catitem {
		width:97px; 
		margin:4px 0 0 0; 
		line-height:27px; 
		text-align:center; 
		font-size:14px; 
		font-weight:bold; 
		float:left;
		color:#ff0000;
		background-image:url(@{'/public/images/tit_1_1.gif'}); 
	}
	
	#sidebar ul{padding: 35px 0 0 0;margin: 0 0 0 0;}
	
	#sidebar ul li { 
		border-bottom:1px #CCCCCC dashed; 
		padding:5px 0;
	}
	
	#content { 
		border: 1px solid #FFCFD9; 
		margin-left:205px !important; 
		height:100%; 
		/**background:url({'/public/images/main.gif'});**/
		/**当content设定高度后，3像素会跑到content外侧，这样，我们用!important修正在ie下向左多浮动2像素，加上3像素的bug正好是5像素，所以在火狐和IE下显示是一样的**/
		}
	
	#content li{width:160px;padding:0 15px 10px;text-align:center;font-family:arial,"宋体";font-size: 12px;}
	#content .p-img{position:relative;height:160px;padding:1px;}
	#content .p-img:hover{border-radius:1px;-moz-border-radius:1px;-moz-box-shadow:0 0 1px #f60;-webkit-border-radius:1px;-webkit-box-shadow:0 0 1px #f60;padding:0\9;border:1px solid #FFD9C0\9;}
	
	a:link,a:visited{color:#333;text-decoration:none;}
	a:hover{color:#c00;text-decoration:underline;}
	a:active{color:#900;}
	
	.list-h{overflow:hidden;zoom:1;}
	.list-h li,.list-h dl{float:left;}
	.list-h del{color:#999;margin-right:10px;}
	
	ul{list-style:none;}

		
</style>
<p>男装，女装，居家</p>
<div id="mainContent">
    <div id="sidebar">
    	<div id="catitem">
    		商品分类
    	</div>
    	<ul>
			#{list items:itemCats, as:'itemCat'}
				<li><a href="@{TaoKeAction.selectItemCat(itemCat.cid)}">${itemCat.name}</a></li>
			#{/list}
		</ul>
<!--		<iframe frameborder="0" height="40px" width="180px" border="0" id="alimamaifrm" name="alimamaifrm" scrolling="no" height="2432px" width="100%" src="http://www.taobao.com/go/chn/tbk_channel/channelcode.php?pid=mm_26390051_0_0&eventid=101329" ></iframe>-->
    </div>
    <div id="content">
    	<ul class="list-h">
	    	#{list items:taobaokeItems, as:'taobaokeItem'}
	    		<li>
	    			<div class="p-img"><a target="_blank" href="${taobaokeItem.clickUrl}">
	    				<img src="${taobaokeItem.picUrl}" width="150" height="150"/>
	    			</div>
	    			<div class="p-name">
	    				<a target="_blank" href="${taobaokeItem.clickUrl}">${taobaokeItem.title}</a>
	    			</div>
	    			<div><font color="red"><big><b>￥${taobaokeItem.price}</b></big></font></div>
	    		</li>
			#{/list}
		</ul>
    </div>
  </div>